<html>
    <head>
        <meta charset="UTF-8">
        <title>CSS引入第二章方式，定义内部样式代码块</title>
        <style>
            /*
            */
            /*
            1、标签选择器
            2、id选择器
            3、类选择器
            */
            /*
            标签选择器
            标签名称{
                样式名：样式值；
                }
            */
            a{
               
                color:blue;
                cursor: pointer;
                font-size: 22px;
            }
            img{
                width: 50%;
                height: 50%;
            }
            /*
            id选择器
            #id属性值{
                样式名：样式值；
                样式名：样式值；
                样式名：样式值；
                }
            */
            #lz{
                color: green;
                font-size: 50px;

            }
            /*
            类选择器
            .类名{
                样式名：样式值；
                样式名：样式值；
                样式名：样式值；
                }
            */
            .myclass{
                font-size: 50px;
            }
        </style>
    </head>
    <body>
        <a id="lz">兰州</a>
        <a id="sh">上海</a>
        <a id="bj" class="myclass">北京</a>
        <a id="rb" class="myclass">日本</a>

        <div>
                <img src="img1/102.jpg"/>
        </div>
        
    </body>

</html>